<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>选择日期和人数</title>
    <link rel="stylesheet" href="css/mobiscroll.custom-3.0.0-beta6.min.css">
    <script src="js/jquery-1.12.4.min.js"></script>
    <script src="js/mobiscroll.custom-3.0.0-beta6.min.js"></script>
    <link rel="stylesheet" href="less/data.css">
    <script src="js/flexible.js"></script>

</head>

<body>
    <header>
        <div class="data-header">
            <div class="data-header-return"></div>
            <span>选择日期和人数</span>
            <span>起价说明</span>
        </div>
    </header>

    <section>
        <div class="data-sec-head" id="demo">

        </div>

        <div class="data-sec-main">
            <ul class="main-ul">
                <li>
                    <div class="person">
                        <span>成人</span>
                        <span class="price manPrice"></span>
                    </div>

                    <div class="btn-group">
                        <span class="btn reduce">-</span>
                        <span class="btn manNum personNum">0</span>
                        <span class="btn add">+</span>
                    </div>
                </li>
                <li>
                    <div class="person">
                        <span>儿童</span>
                        <span class="price childPrice"></span>
                    </div>

                    <div class="btn-group">
                        <span class="btn reduce2">-</span>
                        <span class="btn manNum childNum">0</span>
                        <span class="btn add2">+</span>
                    </div>
                </li>
                <li>
                    <p>
                        <input type="checkbox">携带幼儿 0~2岁
                    </p>

                </li>
                <li>
                    <div>
                        <p><img src="images/icon/Warning.png" alt=""></p>
                        <p>
                            最少1人起订，年龄2—12周岁，不占床，不含早，只含当地的正餐半餐、车位以及导服，其他需要自理。成人+儿童最多支持9人，<span class="text-warning">*以上价格均为起价</span>
                        </p>
                    </div>

                </li>
            </ul>
        </div>

        <div class="data-sec-footer">
            <div class="total-content">
                <p>总额:  <span class="total"></span> <span class="detailed">明细></span></p>
            </div>
            <div class="resource">
                <a href="resource.html">下一步<span>选择资源</span></a>
            </div>
        </div>
    </section>
    <script src="js/touch.min.js"></script>
    <script src="js/data.js"></script>
    
</body>

</html>